<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
    <!-- 引入 echarts.js -->
    <script src="http://10.5.21.118/libjs/echarts.min.js"></script>
    <script src="http://10.5.21.118/libjs/jquery-1.11.1.min.js"></script>
</head>
<body>
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style="width: 600px;height:400px;"></div>
    <script type="text/javascript">
        var myChart = echarts.init(document.getElementById('main'));
        // 显示标题，图例和空的坐标轴
        myChart.setOption({
                xAxis: {
					type: 'value'
				},
				yAxis: {
					type: 'value'
				},
				dataZoom: [
					{
						type: 'slider',
						xAxisIndex: 0,
						start: 10,
						end: 60
					},
					{
						type: 'inside',
						xAxisIndex: 0,
						start: 10,
						end: 60
					},
					{
						type: 'slider',
						yAxisIndex: 0,
						start: 30,
						end: 80
					},
					{
						type: 'inside',
						yAxisIndex: 0,
						start: 30,
						end: 80
					}
				],
				series: [
					{
						type: 'scatter', // 这是个『散点图』
						itemStyle: {
							normal: {
								opacity: 0.8
							}
						},
						symbolSize: function (val) {
							return val[2] * 40;
						},
						data: [["14.616","7.241","0.896"],["3.958","5.701","0.955"],["2.768","8.971","0.669"],["9.051","9.710","0.171"],["14.046","4.182","0.536"],["12.295","1.429","0.962"],["4.417","8.167","0.113"],["0.492","4.771","0.785"],["7.632","2.605","0.645"],["14.242","5.042","0.368"]]
					}
				]
        });

        // 异步加载数据
        $.get('data.json').done(function (data) {
                alert("hhh"+data);
                alert(data.categories+"||"+data.data);
				// 填入数据
                
        });
    </script>
</body>
</html>
